<template>
  <div v-if="renderValue">
    <el-tooltip placement="top">
      <template #content>
        <el-link :href="renderValue"
                 target="_blank"
                 type="primary"
                 :underline="false">{{renderValue}}</el-link>
      </template>
      <el-tag type="primary">数据地址</el-tag>
    </el-tooltip>
  </div>
</template>

<script setup lang="ts">
import { TableColumnCtx } from 'element-plus'
// 自定义

// BuildAdmin将自动为此组件传递五个Props
interface Props {
    renderValue: any // 单元格值
    renderRow: TableRow // 当前行数据
    renderField: TableColumn // 当前列数据
    renderColumn: TableColumnCtx<TableRow> // 当前列上下文数据
    renderIndex: number // 当前行号
}
const props = defineProps<Props>()

// console.log(props.renderValue, props.renderRow, props.renderField, props.renderColumn, props.renderIndex)
</script>

<style scoped lang="scss">
// 自定义
</style>